<template>
  <div>
    <ul>
      <li v-for="(item, index) in photoList">
        <img v-lazy="item.src" alt="">
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "",
  data: () => ({
    photoList: [
      { src: 'http://120.25.144.98:8086/images/1.jpg' },
      { src: 'http://120.25.144.98:8086/images/200.jpg' },
      { src: 'http://120.25.144.98:8086/images/3.jpg' },
      { src: '/static/images/error.jpg' }
    ]
  })
}
</script>
<style lang="scss" scoped>
  li {
    width: 100%;
  }
  img {
    // max-width: 100%;
    width: 100%;
    margin-bottom: .5rem;
  }
</style>
